.cl { clear: both; height: 0px; width: 0px; line-height: 0px; }
.long_bnt { width: 100%; position: fixed; bottom: 3.3rem; }
.width-b { width: 50%; float: left; }
.width-b button { width: 85%; margin: 0 auto; display: block; border-radius: 0.5REM; border: 0PX; height: 2rem; line-height: 2rem; color: #fff; }
.loign-logo { width: 65%; margin: 0 auto; margin-top: 5rem; }
.loign-logo img { width: 100%; }
.mid-lg { width: 90%; margin: 0 auto; }
.bscss { background: url("../images/login-mid.png")/*tpa=http://wxdk.wyk8.com/Exam/images/login-mid.png*/ no-repeat top center; padding-bottom: 1rem; width: 100%; margin-top: 1.9rem; background-size: 100%; padding-top: 0.6rem; }
.lgs { margin-left: 4%; margin-right: 4%; background: #fff; border-radius: 0.2rem; padding: 4%; }
.huibg { background: #d9d9d9; border-radius: 0.2rem; }
.input-s input { border: 0px; background: none; display: block; float: left; margin-left: 0.4rem; margin-top: 1.1rem; padding-top: 0.08rem; }
.icobfr { margin-left: 0.6rem; display: block; float: left; color: #888888; width: 1rem; }
.shiyong { text-align: right; margin-right: 5%; }
.input-s { border-bottom: 1px solid #c9c9c9; height: 3rem; line-height: 3rem; overflow: hidden; }
.shiyong a { color: #fff; border: 1px solid #fff; border-radius: 0.3REM; padding: 0.2rem 0.4rem; }
.batton-yellow { margin-left: 4.1%; margin-right: 3.1%; width: 92.8%; margin-top: 2.5rem; }
.batton-yellow button { width: 100%; border-radius: 0.5REM; border: 0PX; height: 2rem; line-height: 2rem; color: #fff; display: block; background: #ff6e01; }
.head-bg { background: #8dcb42; color: #fff; }
.aff { color: #fff; }
.title { color: #fff; }
.subject-list { margin-left: 4%; margin-right: 4%; text-align: center; padding-top: 2rem; padding-bottom: 1rem; }
.subject-list a { display: block; height: 2rem; line-height: 2rem; border: 1px solid #c9c9c9; background: #eff8b7; border-radius: 0.3REM; color: #5b5054; margin-top: 0.7rem; font-size: 0.75rem; }
.exam-type { margin: 1.2rem 4%; }
.exam1 { background: #ff897f; border-radius: 0.2REM; height: 4.2rem; line-height: 4.2rem; font-size: 1rem; color: #fff; margin-top: 1rem; }
.icosize { color: #fff; margin-left: 0.8rem; display: block; float: left; width: 2rem; text-align: center; }
.exam1 span { display: block; float: left; padding-left: 0rem; }

.exam2 { background: #a7b0ff; border-radius: 0.2REM; height: 4.2rem; line-height: 4.2rem; font-size: 1rem; color: #fff; margin-top: 1rem; }
.exam2 span { display: block; float: left; padding-left: 0.3rem; }

.exam3 { background: #71aafb; border-radius: 0.2REM; height: 4.2rem; line-height: 4.2rem; font-size: 1rem; color: #fff; margin-top: 1rem; }
.exam3 span { display: block; float: left; padding-left: 0.3rem; }
.exam4 { background: #ffc766; border-radius: 0.2REM; height: 4.2rem; line-height: 4.2rem; font-size: 1rem; color: #fff; margin-top: 1rem; }
.exam4 span { display: block; float: left; padding-left: 0.3rem; }
.Choice-zj { }
.zhangjie { border-bottom: 1px solid #e1dfe0; padding-left: 3%; padding-right: 3%; padding-top: 0.8rem; padding-bottom:0.4rem; }
.c-left { float: left;  width:90%; }
.c-right { float: right; }
.bianjisize { font-size: 1.2rem; color: #158ce0; }
.be-ico { float: left; padding-top: 0.1rem; }
.zhangjiename { float: left; margin-left: 0.2rem; font-size: 0.85rem;text-overflow:ellipsis; width:90%; }
.ProgressBar { margin-left: 1.3rem; background: #d2d2d2; height: 0.3rem; border-radius: 0.3REM; width: 8.5rem; margin-top: 0.3rem; overflow: hidden; float: left; }
.ProgressBar-on { background: #fd7100; height: 0.4rem; width: 4rem; }
.jie { background: #f7f7f7; padding-left: 0.8rem; padding-right: 0.8rem; }
.jd-cun { float: left; font-size: 0.6rem; padding-left: 0.4rem; padding-top: 0.1rem; }
.jie-cts { border-bottom: 1px dashed #e1dfe0; }
.col { color: #4c4c4c; }
.be-icos { float: left; padding-top: 0rem; }
.c-deil { margin-left: 0.7rem; margin-right: 0.7rem; }
.c-deilhead { background: #71aafb; color: #fff; border-radius: 0.4REM; margin-top: 1.2rem; text-align: center; }
.c-names { font-size: 0.85rem; padding-top: 0.9rem; }
.c-jindu { padding-top: 0.2rem; font-size: 0.6rem; padding-bottom: 0.8rem; }
.c-jindu span { color: #94ee51; }
.exeam-ti { }
.shiname { font-size: 0.7rem; border-bottom: 1px dashed #b4b3b3; padding-bottom: 0.6rem; padding-top: 0.6rem; margin-top: 0.5rem; color: #3c3c3c; white-space: pre-wrap; word-wrap: break-word; }
.shiname pre, .shiname code { white-space: pre-wrap; word-wrap: break-word; }
.shitd { padding-top: 0.4rem; padding-left: 0.8rem; }
.tils { padding-top: 1.1rem; }
.tils p { padding: 0rem; margin: 0px; }
.tils .c-off, .tils .c-on { padding: 0.1rem 0.3rem; margin-right: 0.3rem; }
.c-off { color: #6e6e6e; background: #c2c2c2; display: block; float: left; }
.c-on { color: #fff; background: #549900; display: block; float: left; }
.ti-fx { background: #f8f8f8; border-radius: 0.4REM; margin-top: 1.4rem; padding-bottom: 0.4rem; }
.it-da { border-bottom: 1px solid #e6e6e6; padding-left: 0.8rem; height: 2.7rem; line-height: 2.7rem; color: #747474; padding-top: 0.2rem; font-size: 0.8rem; }
.youda { color: #549900; }
.zhenda { color: #ff8a4c; }
.zhen { padding-left: 1.2rem; }
.da-sure { height: 2.5rem; line-height: 2.5rem; padding-top: 0.2rem; padding-left: 0.8rem; color: #d40001; }
.da-fs { padding-left: 0.8rem; padding-right: 0.8rem; font-size: 0.7rem; line-height: 1.2rem; color: #747474; }
.wanbi { height: 5.5rem; line-height: 5.5rem; border-bottom: 1px dashed #d7d5d5; font-size: 1.3rem; color: #58960f; text-align: center; padding-top: 0.5rem; }
.dati { text-align: center; padding-top: 1.8rem; color: #989898; }
.zql { padding-top: 0.2rem; color: #ff6e01; line-height: 3.5rem; border-bottom: 1px dashed #d7d5d5; text-align: center; padding-bottom: 0.4rem; }
.width-b a { border: 1px solid #ff6e01; margin: 0 auto; display: block; width: 65%; padding-top: 0.3rem; padding-bottom: 0.2rem; text-align: center; border-radius: 0.3REM; }
.bar-tab .tab-item.active, .bar-tab .tab-item:active { color: #ff6e01; }
.userhead { background: #ffe7b9; height: 7.3rem; padding-top: 0.7rem; }
.imuser { width: 4.4rem; height: 4.4rem; border-radius: 50%; overflow: hidden; margin: 0 auto; }
.imuser img { width: 100%; }



.list-user { background: #fff; height: 2.8rem; line-height: 2.8rem; margin-bottom: 0.8rem; padding-left: 0.6rem; padding-right: 0.6rem; font-size: 0.8rem; color: #b0b0b0; }
.c-info { float: right; color: #878787; }
.b-bottom { background: #549900; color: #fff; height: 2.2rem; line-height: 2.2rem; position: fixed; bottom: 0px; text-align: center; width: 100%; }
.op-head { height: 2.2rem; line-height: 2.2rem; border-bottom: 1px solid #d2d2d2; background: #f3f3f3; white-space: nowrap; }
.op-head ul { padding: 0px; margin: 0px; color: #636363; }
.op-head li { width: 33.1%; text-align: center; border-right: 1px solid #d2d2d2; list-style: none; float: left; white-space: nowrap; }
.op-head li:last-child { border-right: 0px; }
.actvs { color: #ff6e01; }
.op-timian { margin: 0.8rem 0.5rem; }
.op-name { line-height: 1.4rem; color: #4580cc;border-bottom:1px solid #f1f1f1;padding-bottom:10px; }
.buzhou { padding-top: 1rem; color: #505050; font-size: 0.7rem; line-height: 1.1rem; }
.batvs { background: #549900; color: #fff; height: 2.2rem; line-height: 2.2rem; position: fixed; bottom: 0px; text-align: center; width: 100%; }
.sech-div { border: 1px solid #d2d2d2; border-radius: 0.4rem; overflow: hidden; height: 2rem; line-height: 2rem; margin-top: 0.9rem; margin-left: 0.5rem; margin-right: 0.5rem; background: #fff; font-size: 0.75rem; }
.leixing { width: 20%; float: left; border-right: 1px solid #c9c9c9; background: #f7f7f7; text-align: center; }
.wenb { width: 65%; float: left; }
.s-btn { width: 15%; float: right; }
.wenb input { border: 0px; height: 2rem; line-height: 2rem; padding-left: 0.4rem; }
.s-btn button { border: 0px; background: #71aafb; color: #fff; width: 100%; }
.xuanze-res { margin-left: 0.5rem; margin-right: 0.5rem; }
.xuanze-res ul { padding: 0px; }
.xuanze-res li { list-style: none; padding-top: 0.6rem; color: #888888; font-size: 0.8rem; }
.xuanze-res li a { color: #747474; font-size: 0.7rem; }
.leixing leixing { background: none; border: 0px; }
.no-res { padding-top: 1.9rem; padding-left: 0.5rem; color: #c9c9c9; }

.qie { height: 2.2rem; overflow-x: auto; line-height: 2.2rem; display: block; white-space: nowrap; -webkit-scrollbar: 0px; border-bottom: 1px solid #d2d2d2; background: #f3f3f3; overflow-y: hidden; }
.qie ul { padding: 0px; margin: 0px; }
.qie ul li { width: 33.3%; display: inline-block; list-style: none; text-align: center; border-right: 1px solid #d2d2d2; }
.qie ul li:last-child { border-right: 0px; }

* { scrollbar-3dlight-color: red; /*- 最外左 -*/ scrollbar-highlight-color: #fff; /*- 左二 -*/ scrollbar-face-color: #fff; /*- 面子 -*/ scrollbar-arrow-color: #fff; /*- 箭头 -*/ scrollbar-shadow-color: #fff; /*- 右二 -*/ scrollbar-darkshadow-color: #fff; /*- 右一 -*/ scrollbar-base-color: #fff; /*- 基色 -*/ scrollbar-track-color: #fff; /*- 滑道 -*/ }
Body { scrollbar-arrow-color: #fff; /*图6,三角箭头的颜色*/ scrollbar-face-color: #fff; /*图5,立体滚动条的颜色*/ scrollbar-3dlight-color: #fff; /*图1,立体滚动条亮边的颜色*/ scrollbar-highlight-color: #fff; /*图2,滚动条空白部分的颜色*/ scrollbar-shadow-color: #fff; /*图3,立体滚动条阴影的颜色*/ scrollbar-darkshadow-color: #fff; /*图4,立体滚动条强阴影的颜色*/ scrollbar-track-color: #fff; /*图7,立体滚动条背景颜色*/ scrollbar-base-color: #fff; /*滚动条的基本颜色*/ }

/* 设置滚动条的样式 */
.tils p { display: block; float: left; padding: 0px; margin: 0px; padding-left: 0.1rem; padding-top: 0.2rem; }
.tils p img { width: 100%; }
.tim { display: block; width: 85%; float: left; margin-top: -0.1rem; }
